<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.css" rel="stylesheet" />
		<link rel="stylesheet" href="./css/my.css" />
	</head>

	<body>
		<nav class="mui-bar mui-bar-tab" style="display: flex;height: 60px;justify-content: space-around;align-items: center;z-index: 9999999;">
			<a href="./home.html" style="text-align: center;vertical-align: middle;">
				<img src="./images/daohang/pic1.jpg" alt="" width="30" />
				<div style="color: #000;font-size: 12px;transform: translateY(-5px);">首页</div>
			</a>
			<a href="./cate.html" style="text-align: center;">
				<img src="./images/daohang/pic2.jpg" alt="" width="30" />
				<div style="color: #000;font-size: 12px;transform: translateY(-5px);">分类</div>
			</a>
			<a href="./find.html" style="text-align: center;">
				<img src="./images/daohang/DHY03.jpg" alt="" width="30" />
				<div style="color: #000;font-size: 12px;transform: translateY(-5px);">发现</div>
			</a>
			<a href="./shop.html" style="text-align: center;">
				<img src="./images/daohang/pic3.jpg" alt="" width="30" />
				<div style="color: #000;font-size: 12px;transform: translateY(-5px);">购物车</div>
			</a>
			<a href="./my.html" style="text-align: center;">
				<img src="./images/daohang/aba4.jpg" alt="" width="30" />
				<div style="color: #000;font-size: 12px;transform: translateY(-5px);">我的</div>
			</a>
		</nav>
		<div class="mui-content">
			<div class="mui-content-padded">
				
				<div class="wode-page">
				    <!-- 顶部显示 -->
				    <div class="wode-wo">
				        <img src="./images/my-img/oN_bg-min.png" alt="">
				        <!-- 内容 -->
				        <div class="wode-wow">
				            <div class="wode-woww">
				                <div class="wode-wowi1"><img src="./images/my-img/ic_avatar.png" alt=""></div>
				                <span>登录/注册</span>
				                <div class="wode-wowi2"><img src="./images/my-img/medal-silver.png" alt=""></div>
				            </div>
				            <div class="wode-wowi3">
				                <div> <img src="./images/my-img/shezhi.png" alt=""></div>
				                <div> <img src="./images/my-img/xinxi.png" alt=""></div>
				            </div>
				        </div>
				    </div>
				    <!-- 登录 -->
				    <div class="wode-dlv">
				        <!-- 内容 -->
				        <div class="wode-topmy">
				            <!-- 设置区 -->
				            <div class="wode-shezhe">
				                <img src="./images/shezhi.png" alt="">
				                <img src="./images/xinxi.png" alt="">
				            </div>
				            <!-- 头像区 -->
				            <div class="wode-denglu">
				                <div class="wode-tou" style="display: flex;width: 200px;color: #000;">
				                    <img src="./images/my-img/ic_avatar.png" alt="" style="margin-right: 10px;">
									<div>
									    <span>小仙女</span> <br />
									    <span style="font-size: 8px;">账号名: 12030139218472</span>
									</div> 
				                </div>
				            </div>
				            <!-- 积分区 -->
				            <div class="wode-jifenqu">
				                <div class="wode-jf">
				                    <div>0</div>
				                    <div class="wode-jff">积分></div>
				                </div>
				                <div class="wode-fk"></div>
				                <div class="wode-jf">
				                    <div>0</div>
				                    <div class="wode-jff">优惠券></div>
				                </div>
				                <div class="wode-fk"></div>
				                <div class="wode-jf">
				                    <div>-0.00</div>
				                    <div class="wode-jff">代金券></div>
				                </div>
				            </div>
				            <!-- 订单区 -->
				            <div class="wode-dingdan">
				                <div class="wode-dd1">
				                    <div>我的订单</div>
				                    <div class="wode-ddf"><span>全部订单</span>
				                        <div>></div>
				                    </div>
				                </div>
				                <div class="wode-dd2">
				                    <div>
				                        <img src="./images/my-img/ddf01.png" alt="">
				                        <span>待付款</span>
				                    </div>
				                    <div>
				                        <img src="./images/my-img/ddf02.png" alt="">
				                        <span>待收货</span>
				                    </div>
				                    <div>
				                        <img src="./images/my-img/ddf03.png" alt="">
				                        <span>待评价</span>
				                    </div>
				                    <div>
				                        <img src="./images/my-img/ddf04.png" alt="">
				                        <span>退换退款</span>
				                    </div>
				                    <div>
				                        <img src="./images/my-img/ddf05.png" alt="">
				                        <span>回收单</span>
				                    </div>
				                </div>
				            </div>
				        </div>
				    </div>
				    <!-- 非登录页 -->
				    <div class="wode-main">
				        <!-- 会员频道 -->
				        <div class="wode-vipp">
				            <!-- 应用 -->
				            <div class="wode-vippf">
				                <!-- 内层 -->
				                <div class="wode-vippfn">
				                    <!-- 行1 -->
				                    <div class="wode-vhang">
				                        <!-- 块 -->
				                        <div class="wode-vkuai">
				                            <img src="./images/my-img/wode-ying01.png" alt="">
				                            <span>会员频道</span>
				                        </div>
				                        <!-- 块 -->
				                        <div class="wode-vkuai">
				                            <img src="./images/my-img/wode-ying02.png" alt="">
				                            <span>积分商城</span>
				                        </div>
				                        <!-- 块 -->
				                        <div class="wode-vkuai">
				                            <img src="./images/my-img/wode-ying03.png" alt="">
				                            <span>互动有礼</span>
				                        </div>
				                        <!-- 块 -->
				                        <div class="wode-vkuai">
				                            <img src="./images/my-img/wode-ying04.png" alt="">
				                            <span>喵喵智慧屋</span>
				                        </div>
				                        <!-- 块 -->
				                    </div>
				                    <!-- 行2 -->
				                    <div class="wode-vhang">
				                        <!-- 块 -->
				                        <div class="wode-vkuai">
				                            <img src="./images/my-img/wode-ying07.png" alt="">
				                            <span>关注店铺</span>
				                        </div>
				                        <!-- 块 -->
				                        <div class="wode-vkuai">
				                            <img src="./images/my-img/wode-ying08.png" alt="">
				                            <span>Huawei Card</span>
				                        </div>
				                        <!-- 块 -->
				                        <div class="wode-vkuai">
				                            <img src="./images/my-img/wode-ying09.png" alt="">
				                            <span>教育优惠</span>
				                        </div>
				                        <!-- 块 -->
				                        <div class="wode-vkuai">
				                            <img src="./images/my-img/wode-ying010.png" alt="">
				                            <span>拼团</span>
				                        </div>
				                    </div>
				                </div>
				            </div>
				        </div>
				  
				        <!-- 商品 -->
				        <div class="wode-bots">
				            <!-- 列 -->
				            <div class="wode-botlie">
				                <!-- 块1 -->
				                <div class="wode-botkuai">
				                    <!-- 图 -->
				                    <div class="wode-botimg"><img src="./images/my-img/wd-s01.png" alt=""></div>
				                    <!-- 文字 -->
				                    <div class="wode-txts">
				                        <!-- 说明 -->
				                        <div class="wode-shuo">
				                            <div>新品上市</div>
				                            HUAWEI Mate Book 14s 12
				                        </div>
				                        <!-- 价格 -->
				                        <div class="wode-jia">
				                            <div>¥</div>
				                            <div class="wode-jia1">6899</div>
				                            <div class="wode-jia2">¥7099</div>
				                        </div>
				                    </div>
				                </div>
				                <!-- 块3 -->
				                <div class="wode-botkuai">
				                    <!-- 图 -->
				                    <div class="wode-botimg"><img src="./images/my-img/wd-s03.png" alt=""></div>
				                    <!-- 文字 -->
				                    <div class="wode-txts">
				                        <!-- 说明 -->
				                        <div class="wode-shuo">
				                            <!-- <div>新品上市</div> -->
				                            HUAWEI Matebook X
				                        </div>
				                        <!-- 价格 -->
				                        <div class="wode-jia">
				                            <div>¥</div>
				                            <div class="wode-jia1">6999</div>
				                            <!-- <div class="wode-jia2">¥7099</div> -->
				                        </div>
				                    </div>
				                </div>
				                <!-- 块5 -->
				                <div class="wode-botkuai">
				                    <!-- 图 -->
				                    <div class="wode-botimg"><img src="./images/live/live01.png" alt=""></div>
				                    <!-- 文字 -->
				                    <div class="wode-txts">
				                        <!-- 说明 -->
				                        <div class="wode-shuo">
				                            <div>新品上市</div>
				                            HUAWEI MatePad Pro 11英寸 2022
				                        </div>
				                        <!-- 价格 -->
				                        <div class="wode-jia">
				                            <div>¥</div>
				                            <div class="wode-jia1">3299</div>
				                            <div class="wode-jia2">¥3499</div>
				                        </div>
				                    </div>
				                </div>
				                <!-- 块6 -->
				                <div class="wode-botkuai">
				                    <!-- 图 -->
				                    <div class="wode-botimg"><img src="./images/live/live02.png" alt=""></div>
				                    <!-- 文字 -->
				                    <div class="wode-txts">
				                        <!-- 说明 -->
				                        <div class="wode-shuo">
				                            <!-- <div>新品上市</div> -->
				                            HUAWEI nova 8 SE 活力版
				                        </div>
				                        <!-- 优惠 -->
				                        <div class="wode-you">4800万高感光三摄</div>
				                        <!-- 价格 -->
				                        <div class="wode-jia">
				                            <div>¥</div>
				                            <div class="wode-jia1">1899</div>
				                            <!-- <div class="wode-jia2">¥7099</div> -->
				                        </div>
				                    </div>
				                </div>
				            </div>
				            <!-- 列 -->
				            <div class="wode-botlie">
				                <!-- 块2 -->
				                <div class="wode-botkuai">
				                    <!-- 图 -->
				                    <div class="wode-botimg"><img src="./images/my-img/wd-s02.png" alt=""></div>
				                    <!-- 文字 -->
				                    <div class="wode-txts">
				                        <!-- 说明 -->
				                        <div class="wode-shuo">
				                            <div>新品上市</div>
				                            nova 10 Pro
				                        </div>
				                        <!-- 价格 -->
				                        <div class="wode-jia">
				                            <div>¥</div>
				                            <div class="wode-jia1">3699</div>
				                            <!-- <div class="wode-jia2">¥7099</div> -->
				                        </div>
				                    </div>
				                </div>
				                <!-- 块4 -->
				                <div class="wode-botkuai">
				                    <!-- 图 -->
				                    <div class="wode-botimg"><img src="./images/my-img/wd-s04.png" alt=""></div>
				                    <!-- 文字 -->
				                    <div class="wode-txts">
				                        <!-- 说明 -->
				                        <div class="wode-shuo">
				                            <!-- <div>新品上市</div> -->
				                            卡伦顿 华为 Mate 40 手机壳
				                        </div>
				                        <!-- 优惠 -->
				                        <div class="wode-you">12期免息</div>
				                        <!-- 价格 -->
				                        <div class="wode-jia">
				                            <div>¥</div>
				                            <div class="wode-jia1">128</div>
				                            <!-- <div class="wode-jia2">¥7099</div> -->
				                        </div>
				                    </div>
				                </div>
				                <!-- 块7 -->
				                <div class="wode-botkuai">
				                    <!-- 图 -->
				                    <div class="wode-botimg"><img src="./images/live/live03.png" alt=""></div>
				                    <!-- 文字 -->
				                    <div class="wode-txts">
				                        <!-- 说明 -->
				                        <div class="wode-shuo">
				                            <div>新品上市</div>
				                            HUAWEI S-TAG
				                        </div>
				                        <!-- 优惠 -->
				                        <div class="wode-you">新品上市|优惠30元</div>
				                        <!-- 价格 -->
				                        <div class="wode-jia">
				                            <div>¥</div>
				                            <div class="wode-jia1">469</div>
				                            <div class="wode-jia2">¥499</div>
				                        </div>
				                    </div>
				                </div>
				                <!-- 块8 -->
				                <div class="wode-botkuai">
				                    <!-- 图 -->
				                    <div class="wode-botimg"><img src="./images/live/live04.png" alt=""></div>
				                    <!-- 文字 -->
				                    <div class="wode-txts">
				                        <!-- 说明 -->
				                        <div class="wode-shuo">
				                            <div>新品上市</div>
				                            HUAWEI MatePad Pro 11英寸 智能皮套
				                        </div>
				                        <!-- 优惠 -->
				                        <div class="wode-you">磁吸支撑</div>
				                        <!-- 价格 -->
				                        <div class="wode-jia">
				                            <div>¥</div>
				                            <div class="wode-jia1">199</div>
				                            <!-- <div class="wode-jia2">¥7099</div> -->
				                        </div>
				                    </div>
				                </div>
				            </div>
				        </div>

				    </div>
				</div>
				<!--底部导航窗格-->
				
				
			</div>
		</div>
		
		<script src="js/mui.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>